<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, minimal-ui">
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="Handheldfriendly" content="true">
		<meta name="robots" content="all">
		<title>多多分享</title>
		<style>
			body {
				font-family: "微软雅黑";
				text-align: center;
				margin: auto;
				padding: 0px;
				background-color: rgba(238, 243, 250, 1);
			}
			
			.logo {
				width: 100%;
				height: 10rem;
				margin: auto;
				margin-top: 4%;
			}
			
			.logo img {
				width: 99px;
				height: 99px;
				display: block;
				margin: auto;
				margin-bottom: .8rem;
			}
			
			.duoduo-version {
				font-size: 22px;
			}
			
			.btn {
				width: 100%;
				text-align: center;
			}
			
			.btn img {
				width: 184px;
				height: 52px;
				display: block;
				margin: auto;
				margin-bottom: 1rem;
			}
			
			.btn img:hover {
				border: 0px;
			}
			
			.black_bg {
				position: fixed;
				top: 0px;
				left: 0px;
				text-align: center;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, .9);
			}
			
			.black_bg .popup_img {
				margin: auto;
			}
			
			.popup_img img {
				width: 100%;
				height: 100%;
				max-width: 540px;
				max-height: 540px;
			}
			
			h5 {
				color: rgba(177, 178, 180, 1);
				margin-bottom: .4rem;
				margin-top: .1rem;
			}
			
			.hr {
				width: 100%;
				border-top: 1px dashed rgba(151, 151, 151, 0.7);
			}
			
			.h5MarginTop {
				margin-top: .4rem;
				margin-bottom: .5rem;
			}
			
			.l-btn {
				margin-bottom: 15px;
				display: inline-block;
				background-color: rgba(235, 94, 94, .8);
				color: rgba(255, 255, 255, 1);
				width: 90%;
				height: 36px;
				font-size: 1.2rem;
				line-height: 36px;
				text-align: center;
				border-radius: 3px;
				border: 0px;
				text-decoration: none;
			}
			
			.l-btn:active {
				background-color: rgba(235, 94, 94, .8);
				color: rgba(255, 255, 255, 1);
				border: 0px;
			}
			
			.botter {
				margin-top: 10px;
				margin-bottom: 10px;
				font-size: 13px;
				color: rgba(184, 184, 184, 1);
				text-shadow: 0px 0px 1px rgba(255, 255, 255, .7);
			}
			
			#imgQrcode {
				border-radius: 5px;
			}
			
			@media (min-width: 1024px) {
				.logo {
					margin-top: 50px;
				}
			}
		</style>
	</head>

	<body>
		<section class="black_bg" style="display: none;">
			<div class="popup_img">
				<img src="../images/wx/popup_send_friend.png" />
			</div>
		</section>
		<div class="logo">
			<img src="http://duoduowebsite.oss-cn-hangzhou.aliyuncs.com/wx/dodo_logo.png" />
			<img src="http://duoduowebsite.oss-cn-hangzhou.aliyuncs.com/wx/yx.png" style="width: 116px;height: 44px;" />
		</div>
		<div class="duoduo-version"><span>多多保险专业版</span>
		</div>
		<h5>保险经纪人专业客户资源及团队管理工具</h5>
		<div class="hr"></div>
		<h5 class="h5MarginTop">立即下载最新版本</h5>
		<div class="btn">
			<label class="l-btn">下载安装</label>
		</div>
		<div class="qrcode">
			<img id="imgQrcode" src="../images/wx/android-qrcode.png" />
		</div>
		<div class="botter">&copy;2015 上海星佑网络科技有限公司</div>
	</body>
	<script src="../js/jQuery/jquery-1.11.2.min.js"></script>
	<script src="../js/lib/detect.js"></script>
	<script>
		var isIOS, isWX, isSafari;
		$(function() {
			isIOS = $.__detect.ios,
				isWX = $.__detect.browser.weixin,
				isSafari = $.__detect.browser.safari;
			if (isIOS && isSafari) {
				window.location.href = 'https://itunes.apple.com/cn/app/duo-duo-bao-xian/id997248399?mt=8&uo=4';
			}
			$(document).on('click dbclick', function(e) {
				e.stopPropagation();
				e.preventDefault();
				return false;
			});
			if (isIOS) {
				$('#imgQrcode').attr({
					'src': '../images/wx/ios-qrcode.png'
				});
			}
			$('.l-btn').on('click', function(e) {
				if (isWX && isIOS) { //在ios微信中，只是显示提示图片
					$('.black_bg').show();
					$('body').css({
						'overflow': 'hidden'
					});
					e.stopPropagation();
					e.preventDefault();
					return false;
				}
				//否则直接跳转
				if (isIOS) {
					window.location.href = 'https://itunes.apple.com/cn/app/duo-duo-bao-xian/id997248399?mt=8&uo=4';
				} else {
					window.location.href = 'http://a.app.qq.com/o/simple.jsp?pkgname=duoduo.app';
				}
			});
		});
	</script>

</html>